@media only screen and (min-width:750px) {  html {    font-size: 100px !important  }}
@media only screen and (max-width:750px) {  html {    font-size: 96.6667px !important  }}
@media only screen and (max-width:700px) {  html {    font-size: 93.3333px !important  }}
@media only screen and (max-width:675px) {  html {    font-size: 90px !important  }}
@media only screen and (max-width:650px) {  html {    font-size: 86.6667px !important  }}
@media only screen and (max-width:625px) {  html {    font-size: 83.3333px !important  }}
@media only screen and (max-width:600px) {  html {    font-size: 80px !important  }}
@media only screen and (max-width:575px) {  html {    font-size: 76.6667px !important  }}
@media only screen and (max-width:550px) {  html {    font-size: 73.3333px !important  }}
@media only screen and (max-width:525px) {  html {    font-size: 70px !important  }}
@media only screen and (max-width:500px) {  html {    font-size: 66.6667px !important  }}
@media only screen and (max-width:475px) {  html {    font-size: 63.3333px !important  }}
@media only screen and (max-width:450px) {  html {    font-size: 60px !important  }}
@media only screen and (max-width:425px) {  html {    font-size: 56.6667px !important  }}
@media only screen and (max-width:400px) {  html {    font-size: 53.3333px !important  }}
@media only screen and (max-width:375px) {  html {    font-size: 50px !important  }}
@media only screen and (max-width:350px) {  html {    font-size: 46.6667px !important  }}
@media only screen and (max-width:325px) {  html {    font-size: 43.3333px !important  }}
@media only screen and (max-width:300px) {  html {    font-size: 40px !important  }}
.flex-rict{display: flex;align-items: center;justify-content: flex-end;}
.wap,#header .close{display: none;}
#nav{width: 100%; flex: 1;}
@media only screen and (max-width:750px) {
body{font-size: 0.26rem; padding-bottom: 1.2rem; -webkit-tap-highlight-color: transparent;}
/** 手机导航 **/
.menu {  
  cursor: pointer; height: 100%;  width: 25px;  position: relative;  z-index: 600;  height: 50px;  border-radius: 0.05rem;  align-items: center;  justify-content: center; display: flex; align-items: center; justify-content: center;
  i {  display: block;  width: 25px;  height: 2px;  background-color: #02C176;  position: relative;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;  margin: 5px auto}
  i:nth-child(1) {  -webkit-transform-origin: left bottom;  -moz-transform-origin: left bottom;  -ms-transform-origin: left bottom;  -o-transform-origin: left bottom;  transform-origin: left bottom;}
  i:nth-child(3) {  -webkit-transform-origin: left top;  -moz-transform-origin: left top;  -ms-transform-origin: left top;  -o-transform-origin: left top;  transform-origin: left top;}
  &.on{
    i:nth-child(1) {  -webkit-transform: rotate(34deg);  -moz-transform: rotate(34deg);  -ms-transform: rotate(34deg);  -o-transform: rotate(34deg);  transform: rotate(34deg);}
    i:nth-child(2) {  opacity: 0;}
    i:nth-child(3) {  -webkit-transform: rotate(-34deg);  -moz-transform: rotate(-34deg);  -ms-transform: rotate(-34deg);  -o-transform: rotate(-34deg);  transform: rotate(-34deg);}
  }
}
  .footer{display: flex;}
  .footer-right {
    display: block;
    background-color: #f8f8f8;
    padding: 13px 0;
    .item {
      width: 65%;
      line-height: 1.8;
      padding: 0 5px;
      margin: auto;
      color: #666;
      span {
        color: #333;
      }
    }
  }
  body{padding-top: 0.8rem;}
  .box{padding: 0 3%;}
  #header{
    position: fixed;z-index: 199; background-color: #fff; width: 100%; top: 0;
    .top{display: none;}
    .con{
      .box{padding: 0 3%;height: 0.8rem;}
      .logo img{max-height: 0.4rem;}
    }
    &.on{
      #nav{display: block}
      .close{position: absolute; left: 250px; width:50px; height:50px; display: flex;align-items: center; justify-content: center; z-index: 9999; margin-left:-100px; font-size: 20px; display: flex;}
    }
    #nav{
      position: fixed;left: 0; top: 0.8rem; z-index: 999; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.5); display: none;
      
    }
    .nav{
      background-color: #fff;margin-left: 0; width: 200px; display: block;height: 100%; padding-top: 0.2rem;
      .jt,.sub{display: none !important;}
      .nava{height: 0.9rem; font-size: 0.28rem;}
    }
    .wap{display: flex;}
    .tip{
      border-radius: 40px;
      border: 1px solid #ddd;
      padding: 0 0.2rem;
      height: 0.46rem;
      font-size: 0.16rem;
      margin-left: 0.2rem;
    }
    .ico-ph{
      font-size: 0.24rem;
      flex: 1;
      width: 100%;
      margin-right: 0.2rem;
      .ico{
        display: block;
        width: 0.44rem;
        min-width: 0.44rem;
        margin-right: 0.1rem;
      }
    }
  }
  #app{
    min-width: 100%;
    font-size: 0.24rem;
  }
  .box{width: 100%;}
  .common-title-wrapper{
    padding-top: 0.8rem !important; padding-bottom: 0.5rem !important ;
    .main-title-large{font-size: 0.4rem; margin-bottom: 8px;}
  }
  .art-abroad-wrapper,.junior-abroad-wrapper,.under-abroad-wrapper,.master-abroad-wrapper,.hnd-abroad-wrapper{
    padding-bottom: 0.5rem;
     
     .box{
       width: 94%; padding-bottom: 1px;
       .icon-1,.icon-2{width: 2rem; height: auto; display: none1;}
        .el-button{width: 2.6rem; height: 0.6rem; font-size: 0.28rem; border-radius: 0.1rem; margin: 0.8rem 0 1.2rem; line-height: 1.6; display: flex; align-items: center; justify-content: center; margin: 0.4rem auto;}
       .list{
         display: flex; align-items: stretch; flex-wrap: wrap; padding-bottom: 0.3rem; padding:0 3%;
         .item{
           width: 50%; padding-top: 0.4rem;
          .rank{width: 0.8rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.28rem; margin-bottom: 0.2rem;}
          .content{font-size: 0.2rem; line-height: 1.8; max-width: 2.6rem;}
         }
       }
     }
  }
  .high-study-wrapper{
    .box{
      padding: 0 3%;
      .item{width: 48.5%; height: 2rem; margin-bottom: 0.26rem;
        .info{
          left: 0.2rem ; right: 0.2rem; top:0.3rem;
          .line{margin-bottom: 0.1rem;}
          .name{
            margin-bottom: 0.1rem;
            .t1{font-size: 0.28rem; padding-right: 0.2rem;}
            .t2{font-size: 0.2rem;}
          }
          .content{width: 100%; font-size: 0.2rem;}
        }
      }
    }
  }
  .high-picture-wrapper{
    padding: 0 3% 0.5rem;
    .head{max-width: 100%; padding: 0.2rem ;}
    .box{
      padding-top: 0;
      .center{
        .pic{display: none;}
      }
      .item{margin-top: 0.3rem !important;}
      .left{}
    }
  }
  .choice-item{
    padding: 0.6rem 0 0.4rem; border-bottom-width: 1px;
    .box{
      padding: 0 3%;
      .head{flex-wrap: wrap; ;
        .t1,.t2{font-size: 0.36rem;}
        .t3{width: 100%; margin-top: 20px; padding: 0.3rem;
          &::before{top: auto; bottom: 100%; transform: rotate(90deg); right: 90%;;}
        }
      }
      .choice-country-list{
        display: block;
        .left{width: 100%; display: flex; align-items: center; flex-wrap: wrap; 
          .item{width: 24%; margin-right: 1%; font-size: 0.26rem; line-height: 1.3; display: flex; align-items: center; justify-content: center; height: 0.7rem; margin-bottom: 0.14rem;}
        }
        .right{
          .introduce{font-size: 0.24rem; line-height: 1.3; height:auto; padding:  0.2rem;}
          table{
            font-size: 0.2rem;
            td{padding: 0.2rem 0.1rem; line-height: 1.3;}
            thead{
              th{
                .th-item{font-size: 0.24rem; line-height: 1.6; padding: 0.2rem;}
              }
            }
          }
        }
      }
    }
  }
  .htit{
    margin-bottom: 0.3rem;
    .h2{font-size: 0.3rem;}
    .intro{font-size: .24rem; margin-top: 0.2rem;}
  }
  .home-bottom,#footer{display: none;}
  .home-main9{
    .box{padding: 0 3%;}
    .form{
      height: 0.8rem; margin-bottom: 0.4rem;margin-top:0.1rem;
      .text{background-image: none; padding: 0 0.2rem; font-size: 0.24rem;}
      .btn{width: 1.6rem; font-size: 0.26rem;}
    }
    
    .tabs{
      background-color: #F2FFFB; font-size: 0.3rem; border-radius: 0.3rem; height: 0.56rem; align-items: stretch; margin-bottom: 0.36rem;
      .dd{
        width: 22%; border-radius: 0.3rem; cursor: pointer;
      }
    }
    .screen{
      flex-wrap: wrap; margin-bottom: 0.4rem;
      .dd{
       // margin-right: 0.3rem; width: 15.5%;
       width: 20%;
        .li{
          border-radius: 0.23rem; height: 0.45rem; padding: 0 0.1rem; font-size: 0.22rem; margin-bottom: 0.1rem;
        }
      }
    }
    .checked{
      margin-bottom: 0.5rem;
      .dd{border-radius: 0.28rem; padding: 0 .22rem; height: .43rem; display: flex;align-items: center; justify-content: center; color: #fff; margin-right: .30rem; position: relative;}
      .close{ width: .24rem; height: .24rem; cursor: pointer; position: absolute; right: -0.20rem; top: -0.20rem; background-position: center; background-repeat: no-repeat; background-image: url(../image/ico-close.png); background-size: 100% 100%;}
    }
    .schoolList{
      font-size: 0.18rem; display: block;padding:0 0 0.6rem 0; background-color: #fff;
      .imga{box-shadow: 0px 3px 21px 0px rgba(0,0,0,0.07);border-radius: 0.1rem; background-color: #fff; margin-bottom: 0.3rem; width: 100%; overflow: hidden;}
      .name{font-size: 0.26rem; font-weight: bold;}
      .youshi{color: #666;}
      .p{margin-top: 10px;}
      .school-box{ flex-wrap: wrap;}
      .lab{background-color: #F2FFFB; padding: 0 6px;}
      .imgW{width: 2.7rem; height: 2.8rem; min-width: 2.7rem;}
      .mlW{flex: 1;}
      .img{object-fit: cover; width: 100%; height: 100%;}
      .btn{
        width: 0.94rem; height: 0.4rem; border-radius: 0.2rem; font-weight: bold; margin-left: 4px;
      }
      .btn1{background-color: #D2FFED; color: #1C7D3E;}
      .address{flex: 1; width: 100%; margin-right: 10px;background-position: 0 center; background-repeat: no-repeat;}
      .div{padding: 0 0.16rem;}
      .bottom{margin-top: 0.2rem;}
    }
  }
  
  .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pager li{width: 25px;min-width: 25px !important; line-height: 25px !important; height: 25px; font-size: 12px !important;}
  
  .online-container{
    padding-bottom: 0; 
    .box{
      margin-top: 0; padding: 0.2rem;border-radius: 0; box-shadow: none;
      .head-img{margin-bottom: 0.4rem;}
    }
    
    .head-title{
      .name{font-size: 0.3rem; padding: 0 0.14rem;}
      .border{width: 2px; height: 0.3rem;}
    }
    .head-content{
      padding-left: 0; padding-top: 0.2rem;
      .el-input__inner{font-size: 0.26rem;}
      .button{width: 31.6%; font-size: 0.2rem; margin: 0 0.8% 0.1rem;}
      .row{margin-top: 0.2rem;}
      .sub-title{font-size: 0.22rem;
        &.form-item{
          margin-bottom: 0.2rem;
        }
      }
      .label{font-size: 0.28rem; line-height: 1.4;}
    }
    .el-col{width: 100%;}
    .el-form-item{margin-bottom: 0.26rem;}
    .el-select{width: 100%;}
    .bottom-link{font-size: 0.2rem;}
    .bottom-btn{
      margin: 0.4rem 0;
      .el-button{width: 48%; height: 0.8rem; font-size: 0.3rem;}
    }
  }
  
  .art-advantages-wrapper{
    .box{
      .adv-list{
        flex-wrap: wrap; justify-content: center; margin-bottom: 0.4rem;
        .item{max-width: 48%; margin: 0 1%;
          &:nth-child(5){}
        }
      }
      .line{display: none;}
      .country-list{
        flex-wrap: wrap;
        .item{
          width: 30%; margin: 0 1.5%;
          &:last-child{display: none;}
          .content{width: 70%; margin: 0 auto; font-size: 0.22rem; line-height: 1.4;}
          .icon{margin-bottom: 0.1rem; width: 2rem; height: 2.2rem; display: block; margin: 0 auto;}
          .name{height: 2.3rem; line-height: 2.3rem; font-size: 0.3rem; width: 2rem; left: 50%; transform: translateX(-50%);}
        }
      }
    }
  }
  .art-study-wrapper{
    .box{
      padding: 0 3%;
      .left{
        width: 100%;padding: 0; margin-bottom: 0.6rem;
        .info{transform: translate(-53%,-50%);}
      }
      .info{padding: 0 !important; top: 50%; left: 50%;  width: 80%;}
      .title{font-size: 0.3rem; margin-bottom: 0.2rem; }
      .content{font-size: 0.2rem;width: 100%;}
      .btn{width: 3rem; height: 0.7rem; line-height: 0.7rem; bottom: -0.15rem !important; margin: 0; transform: translateX(-50%); font-size: 0.28rem;}
      .right{
        width: 100%;margin-bottom: 0.6rem;
        .info{transform: translate(-47%,-50%);}
      }
    }
  }
  .art-major-wrapper{
    padding-bottom: 0.6rem;
    .box{
      padding: 0 3%;
      
      .tab-list{
        .item{
          width: 44%; height: 1rem; font-size:0.4rem; border-radius: 0.1rem 0.1rem 0 0 ; line-height: 1rem;
          &:last-child::after{border-left-width: 0.4rem;border-bottom-width: 1rem ; right: 99%;}
          &:first-child::after{border-right-width: 0.4rem;border-bottom-width: 1rem ; left: 99%;}
        }
      }
      .tab-content{
        height: auto; padding: 0.2rem;
        .photo{width: 100%; height: auto; margin-top: 0.3rem; margin-left: 0;}
        .content{
          margin-top: 0.3rem; margin-right: 0; width: 100%; line-height: 1.4; font-size: 0.26rem; padding-bottom: 0.1rem;
        }
      }
    }
    
  }
  .art-recommand-wrapper{
    .mobile-list-box{width: 100%; overflow: auto;}
    .mobile-list {
      display: flex;
          overflow-x: auto;
          white-space: nowrap;
      padding: 0 3%;
      .item {
        width: 23%; padding: 0 0.4rem;
        font-size: 0.28rem;
        box-sizing: border-box;
        margin: 0 1% 0.1rem;
        line-height: 38px;
        text-align: center;
        color: #666;
        border: 1px solid #ddd;
        &.active {
          background-color: #E68B48;
          border-color: #E68B48;
          color: #fff;
        }
      }
    }
    .box{
      padding: 0 3%;
      .list{
        .left,.center,.right{width: 100%; float: none; margin-left: 0;}
        .left{
          .p1{margin-bottom: 0 !important;}
        }
        .left .p1,.center,.right .p1,.right .p2{width: 48%; height: 3rem; margin-bottom: 0.2rem;}
        .center{margin-top: -3rem; margin-left: 52%;}
        .right{
          display: flex; align-items: center; justify-content: space-between;
        }
      }
      .wrap{
        margin: 0 auto;
        width: 100%; padding: 0.3rem;
      }
      .country-list{
        display: none;
        // flex-wrap: wrap; padding: 0; justify-content: center; margin: 0.3rem 0 0.6rem;
        // .item{
        //   width: 30%; margin: 0 1.5%;
        //   &:nth-child(4),&:nth-child(5){margin-top: -0.36rem;}
        //   .content{width: 100%; margin: 0 auto; font-size: 0.22rem; line-height: 1.4;}
        //   .icon{margin-bottom: 0.1rem; width: 2rem; height: 2.2rem; display: block; margin: 0 auto;}
        //   .name{height: 2.3rem; line-height: 2.3rem; font-size: 0.3rem; width: 2rem; left: 50%; transform: translateX(-50%);}
        // }
      }
    }
    
  }

  .junior-master-wrapper,.under-master-wrapper{
    .box{
      padding: 1rem 3% 0; position: relative;
      .item{
        width: 40%; 
        .top{width: 2rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.3rem;}
        .content{
          width: 100%; padding:0.5rem 0.2rem 0.3rem; font-size: 0.22rem; line-height: 1.4; height: 100%;
        }
      }
      .box-item{
        flex-direction: initial; height: auto; align-items: stretch; margin-bottom: 0.6rem; transform: translateY(0);
        &:last-child{margin-bottom: 0;}
        // &:nth-child(1),&:last-child{
        //   .item-1{margin-left: 0.5rem;}
        //   .item-2{margin-right: 0.5rem;}
        // }
        .item-2{
          margin-right: 0.5rem;
          .top{border-radius: 0.1rem 0.1rem 0.1rem 0px ; margin-left: 0;}
        } 
        .item-1{
          margin-left: 0.5rem;
          .top{border-radius: 0.1rem 0.1rem 0px 0.1rem; margin-left: 100%; transform: translateX(-100%);}
        } 
      }
      .box-list{
        flex-wrap: wrap; padding-bottom: 0.3rem;margin: 0 -3%;
      }
      .center-box{
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        transform: translate(0,0);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 4;
        // width: 100%; top: 50%; height: 100%;transform: translate(-50%,-50%); margin-top: -3rem; z-index: 9999;
        .t1,.t2{font-size: 0.3rem; position: static;transform: translate(0,0);}
        .vs{width: 1rem; display: block; height: 0.9rem;position: relative;top:0;left: 0.5rem;}
        .bg{display: none;}
      }
    }
  }
  .bottom-form{
    padding: 0.2rem !important; padding-top: 0.3rem !important;
    .el-col{width: 100%;}
    .el-form-item__label{font-size: 0.26rem; line-height: 1.4; padding-bottom: 0.1rem;}
    .el-row{
      .el-col:last-child{
        padding-top: 0.2rem;
        .el-form-item__label{display: none; }
      }
    }
    .el-form-item{margin-bottom: 0.2rem;}
  }
  
  .junior-study-wrapper{
    .banner{width: 100%;}
     .swiper-slide .item{
       width: 94%;
       &.active {
         .name {
          line-height: 140px;
          background: rgba(27, 32, 143, 0.8);
         }
       }
       .name{font-size: 0.3rem;}
     }
     .btn-box{
       .btn{
         width: 37%; background-size: 100% !important; font-size: 0.26rem; padding-left: 0.5rem; height: 1rem; line-height: 1rem; margin: 0 0.2rem;
       }
     }
    .infos{
      padding: 0.3rem; margin-bottom: 0.3rem;
      .el-col{width: 100%; padding: 0 !important;}
      .el-row{margin: 0 !important;}
      .title-box{
        .rank{font-size: 0.35rem; width: 1.2rem; height: 0.6rem; line-height: 0.6rem;}
        .title{font-size: 0.28rem;}
      }
      .title-box{
        flex-wrap: wrap;
        .el-radio-group{width: 100%;margin-top: 0.2rem;}
      }
      .content-2{padding-top: 0rem !important;}
      .type-wrap{
        padding:0.3rem; margin-bottom: 0.4rem;
        .bottom{width: 100%; font-size: 0.24rem; margin-bottom: 0;}
        .item{width: 100%; align-items: stretch;
          .t1{font-size: 0.24rem; line-height: 1.4; text-align: left;}
          .t2{line-height: 1.4; display: flex; align-items: center; font-size: 0.24rem; width: 40%; justify-content: center; border-radius: 0.1rem;}
        }
      }
    }
  }
  .high-choice-wrapper{padding-top: 0rem;padding-bottom: 0;}
  .junior-school-rank,.under-school-rank,.master-school-rank,.hot-school-rank{
    .school-rank-top{
      padding-bottom: 0.4rem;
      *{font-size: 0.24rem !important;}
      .item{
        &::after{height: 100%;}
        .icon{width: 1rem; height: 1rem;}
        .top{line-height: 2;}
        .name{height: 1rem; padding: 0 0.1rem;}
      }
    }
    .country-list{
      height: 1.8rem;
      .item{
        margin: 0 2px;
        .name{width: 0.8rem; height: 0.8rem; line-height: 1.2; display: flex; align-items: center; justify-content: center; font-size:0.2rem; border-width: 1px; margin-bottom: 0;}
        &.active::after{border-left-width: 8px; border-right-width: 8px; border-top-width: 10px;}
        .english{display: none;}
      }
    }
    .university-list{
      width: 100%; height: auto; padding: 0; margin-bottom: 0.4rem; border-bottom: 1px solid #F4F4F4;
      .box{padding: 0;}
      .th-item{font-size: 0.27rem; padding: 0.3rem 0.1rem; line-height: 1.6;
        &::after{top: 50% !important; transform: translateY(-50%); width: 1px !important;}
      }
      td{font-size: 0.24rem; line-height: 1.4; padding: 0.16rem 0.1rem;}
    }
  }
  .under-adv-wrapper .block{display: none !important;}
  .under-adv-wrapper{
    .black{display: none;}
    .box{
      align-items: center;
      
      .wrap-1{
        width: 33%;
        .item{
          .m1{
            margin: 0 !important;
            .icon{width: 0.3rem; margin-right: 0.15rem;}
            .tb{
              .t1{font-size:0.26rem; padding-bottom: 0.1rem;}
              .t2{font-size: 0.22rem; line-height: 0.3rem; padding-bottom: 0.2rem; height: 1.1rem;}
            }
          }
        }
      }
      .wrap{
        width: 30%;
        .mode{width: 2rem; height: 2rem; font-size: 0.28rem; margin-top: -0.56rem;}
        .txt{font-size: 0.2rem; right: 0;}
      }
    }
  }
  
  .major-assort-wrapper{
    .box{padding: 0 3%;}
    .major-title{padding: 0.5rem 0 0.4rem; font-size: 0.3rem;}
    .major-class{
      .left{width: 100%; padding: 0;height: auto; box-shadow: none;
        .scroll{
          .wrapper{
            .title{font-size: 0.26rem; margin: 0.2rem 0 0.14rem;}
            .subject-box {
              width: 100%;
              overflow: auto;
            }
            .subject{
              display: inline-flex;
              flex-wrap: nowrap;
              .sub {white-space: nowrap;width: auto;padding: 0 20px;}
            }
          }
        }
      }
      .right{
        width: 100%;
        .t1{font-size: 0.26rem;display: none;}
        .img{height: auto; margin: 0.3rem 0;display: none;}
      }
      
    }
  }
  .major-subject-wrapper{
    padding: 0.6rem 0;
    .box{padding: 0 3%;}
    .head{
      margin-bottom: 0.4rem;
      .t1{font-size: 0.3rem;}
      .t2{font-size: 0.35rem;}
    }
    .list{
      .item{width: 100%; margin-bottom: 0.3rem; margin-right: 0; float: none;}
    }
  }
  .master-compare-wrapper{
    .head{
      padding-bottom: 0.4rem;
      .name{font-size: 0.3rem;}
      .vs{width: 1.4rem;}
    }
    .box{
      padding: 0 3%;
      .list{
        margin-bottom: 0.2rem; align-items: stretch; background-color: #fff;
        .slide{height: auto;}
        .left{color: #333 !important;font-size: 0.22rem}
        .right{border: none;font-size: 0.22rem}
        .center{height: auto; display: flex; align-items: center; justify-content: center;font-size: 0.28rem}
      }
    }
  }
  .colleges-wrapper{
    padding-top: 0.6rem;
    .module{
      padding: 0.2rem 0 0.6rem;
    }
    .colleges-list{
      box-shadow: none; justify-content: space-between; margin-bottom: 0;
      .colleges-item{
        width: 48.5%; margin: 0 0 0.3rem;box-shadow: 0px 0px 21px #e6e6e6;
        .name{font-size: 0.24rem;}
        .english,.sub{font-size: 0.22rem;}
        .line{margin: 0.1rem 0;}
        .icon{width: 1.4rem; height: 1.4rem;}
      }
    }
  }
  
  .hnd-role-wrapper{
    padding-bottom: 0.6rem;
    .page-wrap{
      bottom: 0.5rem;
      .swiper-button-next{transform: scale(0.8);}
      .swiper-button-prev{transform:rotate(180deg) scale(0.8);}
    }
    .swiper-container{
      .swiper-slide{
        .item{
          height: auto; padding-bottom: 1rem;
          .bg{display: none;}
          .infos{
            .left{
              width: 100%;
              .head{
                display: none;
                padding: 0.1rem 0 0.3rem;
                .t1{font-size: 0.4rem; width: auto; margin-right: 0;}
                .t2{font-size: 0.4rem; margin: 0 0.2rem;}
                .line{width: 0.6rem; background-color: red; display: none;}
                .t3{font-size: 0.3rem; flex: none; color: #333;}
              }
              .bot-wrap{
                .t1{font-size: 0.5rem;}
                .t2{color: #FFC1B8;font-size: 0.4rem;}
                .t3{color: #FFC1B8;font-size: 0.3rem;}
              }
            }
            .right{
              width: 100%; padding: 0.3rem;
              text-align: center;
              .title{margin-bottom: 0.3rem; font-size: 0.3rem;margin-left: auto;margin-right:auto;}
              .content{width: auto; font-size: 0.26rem; line-height: 1.6;}
            }
          }
        }
      }
    }
  }
  .hnd-adv-wrapper{
    padding:0.8rem 0;
    .common-title-wrapper{padding-top: 0 !important; padding-bottom: 0.3rem !important;}
    .adv-list{
      width: 100%; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; background-image: none; height: auto; padding: 0 3%;
      .item{
        width: 48%; background-color: #fff; padding: 0; margin: 0 0 0.3rem; color: #333 !important; padding-bottom: 0.3rem;
        .btn{margin:0 auto !important; background-color: #FFEEEB !important; border-radius: 0.05rem;}
        .head{
          border-bottom-color: #EDEDED !important; width: 80%; height: 1.2rem; padding-left: 0.2rem;
          .title{font-size: 0.3rem; line-height: 1.4;}
        }
        .content{width: 100%; height: auto; line-height: 1.6;padding: 0.2rem; padding-bottom: .6rem;}
        &:nth-child(2),&:nth-child(3),&:nth-child(6){
          background-color: #ea4a32; color: #fff !important;
          .btn{background-color: #fff !important;}
          .head{
            border-bottom-color: #FF9F91 !important;
          }
        }
      }
    }
  }
  
  .hnd-target-wrapper{
    .target-bg{
      width: 100%;transform: translateX(6%);
      &.wap{display: block;}
      &.pc{display: none;}
    }
  }
  .hnd-list-wrapper{
    padding: 0.6rem 3%;
    .bot{width: 100%; font-size: 0.22rem; line-height: 1.6; margin: 0.6rem auto 0; font-size: 0.24rem; display: flex;align-items: center;justify-content: center; height: 1rem; border-radius: 0.1rem;}
    .list{
      align-items:stretch;  justify-content: space-between; display: flex;padding-top: 1.2rem;
      .item{
        width: 32%; margin: 0;  position: relative;
        .icon{width: 1rem; height: 1rem; margin-top: -1.2rem;}
        background-color: #05205d;
        .bg-wrap{
          position: static; padding-bottom: 0.4rem;
          .bg{position: absolute; bottom: 0; right: 0;}
          .content{position: relative;left: auto;top: auto; font-size: 0.24rem; width: 100%; line-height: 1.6; padding: 0.2rem; z-index: 10;}
        }
      }
    }
  }
  .hnd-answer-wrapper,.graduate-answer-wrapper{
    margin-bottom: 0;
    padding-bottom: 0.6rem;
    .box{
      height:auto; width: 96%;background: #000;border-radius: 0.1rem;border: 0.2rem solid #fff; padding: 0;
      .title{font-size: 0.26rem; padding: 6px 0; padding-left: 0.2rem; background-color: #2537b0; opacity: 0.9; margin-bottom: 0.2rem;}
      .btn{width: 2.4rem; height: 0.6rem; line-height: 0.6rem; position: static; transform: translate(0); margin: 0.3rem auto;padding: 0 0.6rem 0 0; font-size: 0.26rem; text-align: center;}
    overflow: hidden; 
      #barrageBox{height:3rem;width: 100%;}
      .screen{
        .item{font-size: 0.24rem;}
      }
    }
  }
  .hot-country-swiper{
    height: 2.2rem;
    .swiper-container{
      .swiper-wrapper{
        .swiper-slide{
          .item{
            .icon{width: 1rem; height: 1rem;}
            .name{margin-top: 0.1rem;}
          }
        }
      }
    }
  }
  .hot-study-wrapper {
    .w1120 {
      width: 96%; margin-bottom: 0.6rem;
      .content{padding-top: 0.3rem; font-size: 0.26rem; line-height: 1.8;}
      .head{
        .t1{font-size: 0.4rem; margin: 0;}
        .t2{font-size: 0.3rem; margin: 0 0.2rem;}
        .t3{font-size: 0.26rem; margin: 0;}
        .line{display: none;}
      }
    }
  }
  .hot-study-wrapper{
    .box{
      align-items: stretch;
      .item{
        width: 48%; border-radius: 0.1rem; padding: 0 0.2rem; position: relative; padding-bottom: 1.2rem;
        .title{font-size: 0.3rem; margin-top: 0.3rem;}
        .content{font-size: 0.26rem; height: auto; width: auto; margin: 0.3rem 0; line-height: 1.7;}
        .btn{width: 2.6rem; height: 0.7rem; display: flex; align-items: center; justify-content: center; font-size: 0.3rem; line-height: 0.8rem; position: absolute; left: 50%; bottom: 0.4rem; margin-bottom: 0; transform: translateX(-50%);}
      }
    }
  }
  .hot-recommend-wrapper,.graduate-recommend-wrapper,.twomaster-recommend-wrapper,.preparatory-recommend-wrapper{
    .box{
      .item{
        width: 100%; margin: 0 0 0.3rem 0; align-items: stretch; min-height: 3rem; height: auto;
        .photo{width: 2.7rem; }
        .info{
          padding: 0.2rem;
          .name{font-size: 0.26rem;}
          .sub{font-size: 0.18rem; line-height: 1.6;
            .val{
              .mode{height: auto;}
            }
          }
          .bot{
            flex-wrap: wrap; justify-content: flex-start;margin-top: 0.2rem;
            .addr{width: 3rem; flex: none;}
            .btn{width: 48%; margin:0.2rem 0 0 0;}
            .btn-1{margin-right: 4%;}
          }
        }
      }
    }
  }
  .hot-country-wrapper {
    .box {
      padding-bottom:0.6rem;
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
      justify-content: center;
      .left{width: 100%; padding: 0.2rem; height:auto; min-height:1px;
        overflow: hidden;
        .t1{font-size: 0.3rem;}
        .t2{font-size: 0.26rem; margin-bottom: 0.2rem;}
        .left-list {
          display: flex;
          flex-direction: row;
          align-items: flex-start;
          justify-content: space-between;
          flex-wrap: wrap;
        }
        .item{
          width: 48%;
          height: 2.6rem;
          .bt{font-size: 0.26rem; margin-bottom: 0.1rem;}
          .list{
            .sub{line-height: 0.3rem; margin-bottom: 0.1rem;
              span {
                font-size: 0.2rem; 
              }
            }
          }
          &:last-child {
           border-bottom: 1px dashed #02C174;
          }
        }
      }
      .right{
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
        .arrow-box{transform: scale(0.6) translateX(10%); margin:-0.3rem 0 0.3rem;}
        .swiper-container{
          width: 100%;padding-bottom: 2px;
          .swiper-slide{
            .item{width: 90%; height: 0.8rem; display: flex; align-items: center; justify-content: center; font-size: 0.3rem;}
          }
        }
        .table-wrap{padding: 0rem; border-radius: 0.1rem; background-color: rgba(0,0,0,0.07);
          table{
            font-size: 0.2rem;
            th{border: 1px solid #FF840E;}
            tbody{ color: #fff;}
          }
        }
        .bottom{
          width: 75%;
          height: 45px;
          padding: 0 3%;
          position: absolute;
          left: 0;
          top: 0;
          .line{flex: 1;width: 100%;}
          .txt{font-size: 0.3rem;}
        }
        .btn-box{
          margin-top:0.3rem;
          .btn{width: 2.6rem; height: 0.8rem; font-size: 0.3rem; background-size: 100%; display: flex; align-items: center; justify-content: center; padding-left: 0; padding-right: 0.2rem; margin: 0 0.2rem;}
        }
      }
    }
  }
  
  .hot-abroad-wrapper{
    padding-bottom: 0.8rem;
    .box{
      width: 100%; padding: 0.2rem;
      .head{
        height: 0.68rem; align-items: stretch; margin-bottom: 0.4rem;
        input{height: 100%; font-size: 0.26rem; padding-left: 0.2rem;}
        .btn{width: 2rem; height: 100%; display: flex;align-items: center; justify-content: center; font-size: 0.3rem;}
      }
      .list{
        padding: 0.2rem;
        .item{
          padding: 0.2rem 0;
          .avatar{
            width: 0.6rem; height: 0.6rem; margin-right: 0.2rem;
          }
          .info{
            .t1{font-size: 0.28rem; line-height: 1.6; margin-bottom: 0;}
            .t2{font-size: 0.24rem; line-height: 1.6;}
          }
          .btn{width: 1.4rem; height: 0.64rem;font-size: 0.26rem; border-radius: 0.1rem; display: flex; align-items: center; justify-content: center;}
        }
      }
    }
  }
  .hot-partner-wrapper {
    .box {
      height: auto;
      .item{width: 100%;}
      .swiper-slide{
        .top{
          height: auto !important;padding:0.5rem 0.3rem !important;
          .btn{width: 2rem; height: 0.6rem; display: flex; align-items: center; justify-content: center; margin: 0.3rem auto 0; font-size: 0.26rem;}
          .name{font-size: 0.3rem; margin-bottom: 0.2rem;}
          .list{
            width: 100%;
            .sub{
              display: flex; align-items: center; line-height: 1.6; padding: 0.1rem 0;
              span{font-size: 0.24rem;}
              .ico{width: 0.16rem; height: 0.16rem;}
            }
          }
        }
        &:nth-child(odd){
          
        }
      }
    }
  }
  .ny-header{
    height: 0.8rem;
     .menu-list {
       justify-content: space-between; padding: 0 0.1rem; height: 0.8rem;
       .li{font-size: 0.24rem; margin: 0 !important;}
     }
  }
  .graduate-project-wrapper {
    .w1130{
      width: 119%;margin-left: -20%;height: 4rem;
      &::after{content: ''; display: block; width: 0.4rem; height: 100%; background-color: #fff; position: absolute; top: 0; left: 13%;}
      .center{
        left:0; top: 29%; width: 100%; transform: translateX(7%);
        .txt{width: 2rem; font-size: 0.2rem; line-height: 1.4;}
        .btn{
          width: 2rem; height: 0.4rem; line-height: 0.4rem; margin: 0.2rem auto;
        }
        .head{
          .t1{font-size: 0.3rem;}
          .t2{font-size: 0.3rem; width: auto; margin: 0 0.2rem;}
          .t3{font-size: 0.3rem;}
        }
      }
    }
    .list-3{
      .item{width: 1.15rem;height: 0.3rem;line-height: 1.6;display: flex;align-items: center;justify-content: center; font-size: 0.18rem;}
      .item-1{margin-bottom: 0.74rem;}
      .item-2{margin-bottom: 0.53rem;}
      .item-3{margin-bottom: 0.52rem;}
      .item-4{margin-bottom: 0.69rem;}
    }
    .list-1{display: none;}
    .list-2{
      left:17.5%;
      .item{width: 1rem;height: 0.32rem;line-height: 1.6;display: flex;align-items: center;justify-content: center; font-size: 0.18rem; margin-top: 0;}
      .item-1{margin-bottom: 0.44rem;}
      .item-2{margin-bottom: 0.22rem;}
      .item-3{margin-bottom: 0.22rem;}
      .item-4{margin-bottom: 0.2rem;}
      .item-5{margin-bottom: 0.22rem;}
      .item-6{margin-bottom: 0.45rem;}
      
    }
  }
  .graduate-aboard-wrapper{
    .w1074{
      width: 94%;
      .people{display: none;}
      .list{align-items: stretch;}
      .btn{width: 3rem; height: 0.9rem; display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 0.3rem;}
      .item{
        width: 49%; margin: 0 0 0.2rem 0; height: auto; padding:0.3rem 0.2rem !important; min-height: 3.6rem;
        .content{font-size: 0.24rem; line-height: 1.6; width: 100% !important;}
        .title{font-size: 0.3rem; width: 100%; text-align: center !important; margin-bottom: 0.2rem;}
      }
    }
  }
  .graduate-study-wrapper,.twomaster-study-wrapper, .one-study-wrapper, .two-study-wrapper, .preparatory-study-wrapper{
    padding-bottom: 0.4rem;
     .box {
       background-size: 100%; height: auto; padding-bottom: 0.4rem;
       .list{width: 100%;
         .item{width: 1.7rem; height: 1.7rem; font-size: 0.3rem; padding-top: 1rem;}
       }
       .title{
         width: 100%; font-size: 0.34rem; padding: 1rem 0 0.4rem;
       }
       .head{
         width: 100%; display: block;
         .left{
           width: 100%; height: auto;
         }
         .right{
           width: 100%; height: auto; padding: 0.3rem; padding-bottom: 1rem;
           .content{margin-bottom: 0.4rem;}
           .btn{width: 3rem; height: 0.8rem; font-size:0.3rem; display: flex; align-items: center; justify-content: center;}
         }
       }
     }
  }
  .ny-header{display: none !important;}
  
  .twomaster-person-wrapper{
    .bottom{display: none;}
    .box{
      flex-wrap: wrap; margin-bottom: 0; padding: 0 3%;
      
      .item{width: 48%; margin-bottom: 0.3rem;
        &:hover {
          .info .content {
            display: none;
          }
        }
        .info{height: 4rem;}
        .top{height: 0.6rem;}
        .title{font-size: 0.24rem; height: 1rem; line-height: 1.6; display: flex; align-items: center; justify-content: center;}
        &:nth-child(3){
          .title{background-color: #E83C56; color: #fff;}
        }
        &:nth-child(4),&:nth-child(1){
          .title{background-color: #f8f8f8 !important; color: #E83C56;}
        }
      }
    }
  }
  .twomaster-recommend-wrapper{padding-bottom: 0.8rem;}
  .main-title-head{
    padding: 0.8rem 0 0.4rem;
    .title{font-size: 0.34rem;}
    .sub-title{font-size: 0.26rem;}
  }
  .detail-college-wrapper{
    .box{padding: 0 3%;}
    .list{
      .item{width: 100%; padding: 0.3rem; padding-bottom: 0; margin: 0 0 0.2rem 0;
        .title-box{margin-bottom: 0.1rem; line-height: 1.6;}
        .title{font-size: 0.3rem; padding-right: 0.1rem;}
        .arrow{top: 0.2rem; right: 0.2rem; display: none;}
        .content{font-size: 0.24rem;}
      }
    }
  }
  .detail-news-wrapper{
    .box{
      padding: 0 3%;
      &.list{
        padding-bottom: 0.3rem;
        .item{
          width: 100%; padding: 0.2rem;
          &::before,&::after{display: none;}
          .left{ margin-right: 0.2rem;
            .date{font-size: 0.3rem;}
            .arrow{width: 0.3rem; height: 0.3rem;margin: 0.3rem auto 0;}
          }
          .right{
            .title-box{
              .title{font-size: 0.3rem; width: 3.6rem;}
            }
            .cotent{font-size: 0.24rem; line-height: 1.6;}
          }
        }
      }
    }
  }
  .detail-life-wrapper{
    .box{
      padding: 0 3%;
    }
    .list{
      padding-bottom: 0.2rem; display: block;
      .title-wrap{
        margin-bottom: 0.14rem !important;
        .title{font-size: 0.3rem; }
      }
      .left,.right{width: 100%;}
      .left{
        .item{
          align-items: stretch;height: auto; margin-bottom: 0.3rem;
          .cover{width: 2.5rem; height: 2.5rem;}
          .btn{right: 0.2rem; top: auto; bottom: 0.2rem;}
          .info{
            padding: 0.2rem; height: auto;
            .content{line-height: 0.35rem; font-size: 0.24rem; height: 0.7rem; overflow: hidden;}
          }
          
        }
      }
      .right{
        margin-left: auto;
        padding:0 0.2rem;
        .item{
          .title-wrap{
            margin-bottom: 0.1rem !important;
          }
          padding: 0.2rem 0;
          .content{font-size: 0.24rem;}
        }
      }
    }
  }
  .detail-reward-wrapper{
    .box{width: 94%;}
    .list{
      padding: 0;
      .item{
        width: 100%; padding: 0.2rem; height: auto; margin-bottom: 0.3rem; min-height: 1rem;
        .photo{height: auto;}
        .left{
          margin-right: 0.2rem;
          .times{
            .date{font-size: 0.3rem;}
            
          }
          .arrow{width: 0.3rem; height: 0.3rem;margin: 0.3rem auto 0;}
        }
        .right{
          .title-box{
            .title{font-size: 0.3rem; width: 3.6rem;}
          }
          .content{font-size: 0.24rem; line-height: .35rem; height: 1.05rem; overflow: hidden;}
        }
      }
    }
  }
  $w36:3.4rem;
  
  .two-apply-wrapper,.preparatory-apply-wrapper{
    padding-bottom: 0.8rem;
    .btn{width: 3rem; height: 0.8rem; padding: 0 0.7rem 0 0; display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 0.3rem;}
    .common-title-wrapper{padding-top: 0.2rem !important;}
    .box{
      padding: 0.4rem 3% 0.2rem; justify-content: space-between; display: flex; align-items: center;flex-wrap: wrap;
      .item.item-1 .content::after{bottom:99%;display: none !important;}
      .item.item-2 .content::after{left: auto; right: 0;bottom:99%;display: none !important;}
      .item{
        width:48%; margin-bottom: 0.3rem; border-radius: 0.2rem; padding: 0.22rem 0.26rem; 
        .top{margin: 0 -0.26rem; width: auto; height: 0.44rem;line-height: 0.44rem; margin-bottom: 0.23rem; font-size: 0.3rem; color: #3A47B8; }
        .photo{height: 2rem; margin: 0 auto 0.2rem; border-radius: 0.1rem;}
        .content{ font-size: 0.2rem; line-height: 0.3rem; padding: 0; height: 1.2rem;background-color: transparent !important;}
        &:nth-child(1),&:nth-child(4),&:nth-child(5){
          .top{background-color: #FFF0C0;}
          background-color: #3A47B8;
        }
        &:nth-child(2),&:nth-child(3),&:nth-child(6){
          background-color: #5B6BF0;
          .top{background-color: #E8D59A;}
        }
        &.item-2{
          &::before,&::after{display: none !important;}
        }
        &.item-1{
          &::before,&::after{display: none !important;}
        }
      }
    }
  }
  .preparatory-apply-wrapper {
    .box {
      .item{
        width:48%; margin-bottom: 0.3rem; border-radius: 0.2rem; padding: 0.22rem 0.26rem; 
        .top{ color: #FFFFFF; }
        &:nth-child(1),&:nth-child(4),&:nth-child(5){
          .top{background-color: #FE7E73;}
          background-color: #00306E;
        }
        &:nth-child(2),&:nth-child(3),&:nth-child(6){
          background-color: #1961BD;
          .top{background-color: #FFC3BE;}
        }
      }
    }
  }
  .preparatory-adv-wrapper{
    height: auto; background-size: cover;
    .box{
      flex-wrap: wrap; position: static; transform: translate(0);
      .item{
        width: 100%; flex: none; display: flex; align-items: stretch; justify-content: space-between;
        .rank{font-size: 0.6rem; margin:0.2rem 0 0.1rem}
        .top{
          height: auto; padding-top: 0.8rem;
          .title{
            font-size:0.32rem; line-height: 0.5rem; height: 1rem;
            &::after{display: none;}
          }
          .rank{ display: none; }
        }
        .bottom{
          height: auto; padding-bottom: 0.3rem;
          .content{
            font-size: 0.26rem;
          }
        }
      }
    }
  }
  .preparatory-plan-wrapper{
    height: auto;
    .box {
      display: block; padding: 0 3%; display: block;
      &.plan-form-box {
        display: none;
      }
      .form{
        display: block; margin: 0.3rem 0;
        .form-wrap{
          width: 100%; flex-wrap: wrap; height: auto; border-radius: 0.1rem; padding:0.4rem 0.2rem; justify-content: flex-start; margin-top: 0.3rem;
          .el-input{width: 4.5rem;margin-bottom: 0.2rem;}
        }
        .icon{
          padding: 0 0.2rem 0 0; margin-bottom: 0.2rem;
        }
        .btn{height: 0.9rem; font-size: 0.4rem; border-radius: 0.1rem; line-height: 0.9rem; margin-top: 0.3rem;}
      }
      .item{
        width: 100%; margin-bottom: 0.3rem; height: auto; padding-bottom: 0; display: flex; align-items: stretch;justify-content: space-between; position: relative; border-radius: 0.1rem;overflow: hidden;
        .btn{
          font-size: 0.22rem; position: absolute; width: 1.8rem; height: 0.5rem; display: flex; align-items: center; justify-content: center; line-height: 1;right: 52%;bottom: 0.2rem;
        }
        .head{
          position: absolute; width: 48%; height: 0.6rem; margin-top: 0.2rem; top: 0;
          .rank,.title{font-size: 0.24rem; display: flex; align-items: center; justify-content: center; line-height: 1; height: 100%;}
          .title{padding-left: 0;}
        }
        .content{
          width: 49%; padding: 0.2rem; padding-top: 1rem; padding-bottom: 1rem; margin: 0; line-height: 1.4; font-size: 0.2rem;
        }
        .photo{
          width: 49%; height: auto;margin-bottom: 0rem; margin: 0 0 0 0;
          img{object-fit: cover;}
        }
      }
    }
  }
  .preparatory-class-wrapper {
    padding-bottom: 0.8rem;
    .list {
      .item{
        width: 100%; padding-bottom: 0.3rem;
        .tag{width: 0.9rem; height: 0.9rem; display: flex; align-items: center; justify-content: center; font-size: 0.5rem;}
        .title{font-size: 0.3rem;}
      }
    }
    .box{
       padding: 0.3rem 3%; width: 94%; display: block;
       .left{width: 100%;
        img.mobile-show {
          display: block;
          margin-bottom: 20px;
        }
        .content{font-size: 0.26rem; height: auto; line-height: 1.6; padding-bottom: 0.3rem;}
        .btn-box{
          .btn{width: 3.2rem; height: 0.8rem; display: flex; align-items: center; justify-content: center; font-size: 0.3rem; padding-right: 0.2rem; padding: 0 0.6rem 0 0;}
        }
       }
       .right{width: 100%; margin-left: 0; height: auto; margin-top: 0.3rem;display: none;}
    }
  }
  .common-banner{
    .w1200 {display: none;}
    .mobile { display: block; }
    img {
      &.pc {
        display: none;
      }
      &.pc-hand {
        width: 1.4rem;
        height: auto;
        position: absolute;
        margin-left: 0;
        // 读博士
        &.pc-master-hand {
          bottom: 0.48rem;
          left: 50%;
          transform: translateX(-0.2rem);
        }
        // 我是本科生
        &.pc-under-hand {
          bottom: 0.2rem;
          left: 50%;
          transform: translateX(0.6rem);
        }
        // 我是大专生
        &.pc-junior-hand {
          bottom: 0.14rem;
          left: 50%;
          transform: translateX(0.6rem);
        }
        // 我是高中生
        &.pc-high-hand {
          bottom: 0.12rem;
          left: 50%;
          transform: translateX(0.6rem);
        }
        // 我是艺术生
        &.pc-art-hand {
          bottom: 0.2rem;
          left: 50%;
          transform: translateX(0.6rem);
        }
      }
    }
  }
  .detail-w960{
    display: none;
  }
  .major-solve-wrapper {
    background-size: cover; padding-bottom: 0.2rem;
    .box{
      display: block; padding: 0.3rem; width: 94%;
      .head{
        margin-bottom: 0.3rem; padding-bottom: 0.3rem;
        .solve-title{
          font-size: 0.34rem; padding-left: 0.3rem;
        }
        .more{font-size: 0.26rem !important;}
      }
      .left{
        .list{
          .item{
            height:0.9rem;
            .dot{margin-right: 0.1rem;}
            .btn{font-size: 0.24rem; margin-left: 0.1rem;}
            .title{-webkit-line-clamp: 1;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical; font-size: 0.26rem;}
          }
        }
      }
      .right{
        width: 100%; margin-left: 0; padding: 0.3rem ; height: auto;margin-top: 0.4rem;
        .list{
          margin-top: 0.4rem; line-height: 1.6rem; 
          .item{margin-bottm: 0.2rem;font-size: 0.24rem;
            
          }
        }
      }
    }
  }
  .major-select-wrapper {
    padding-bottom: 0.4rem;
    .list {
      padding-top: 1.8rem;
      .item{
        width: 100%; margin-bottom: 0; display: block; 
        &.active{
          .info{
            .name{color: #02C176;}
          }
        }
        .icon{
          float: none;margin: 0 auto; top:0.0rem; width: auto; height: auto;
          img{width: 0.7rem; height: 0.7rem; display: block; margin: 0 auto;}
        }
        .info{
          float: none; margin-top:0.1rem !important; text-align: center;
          .name{font-size: 0.3rem; margin-bottom: 0; font-weight: bold;}
          .content{display: none;}
        }
        .modal{
          width: 100%; height: auto; padding: 0.3rem; border-radius: 0.1rem;
          &::after{display: none !important;}
          .sub-wrap{display: block;
          
            .left{
              margin-bottom: 0.3rem;
              .sub{font-size: 0.26rem; line-height: 1.6;}
            }
          }
        }
        .icon,.info{margin: 0 auto; text-align: center;}
        .left-item{width: auto; padding: 0.1rem; margin-bottom: .2rem;}
        .left-item-box{ display:flex;align-items: stretch; justify-content: space-between; }
        &:nth-child(1){
          .icon,.info{left: 10%;}
        }
        &:nth-child(2){
          .icon,.info{left: 30%;}
        }
        &:nth-child(3){
          .icon,.info{left: 50%;}
        }
        &:nth-child(4){
          .icon,.info{left: 70%;}
        }
        &:nth-child(5){
          .icon,.info{left: 90%;}
        }
        .modal{
          position: static;
        }
      }
    }
  }
  
  .one-adv-wrapper {
    .swiper-button-prev{transform: rotate(180deg) scale(0.7);}
    .swiper-button-next{transform: translateX(0) scale(0.7);}
    .swiper-button-prev,.swiper-button-next{position: static; display: inline-block;vertical-align: middle; margin-top: 0.2rem;}
    .bg {
      padding: 0.6rem 0 0.4rem; text-align: center;
      .box {
        overflow: hidden; padding: 0 ; width: 94%; text-align: left;
        .item{width: 100%; height: 3.6rem; padding-top: 0.3rem;
          .left{
            .photo{width: 1rem; height: 1rem; margin-bottom: 0.4rem;}
            .t1{font-size: 0.3rem;}
            .t2{font-size: 0.24rem;}
          }
          .right{
            padding: 0.3rem;
            .title{
              font-size: 0.3rem; width: 100%; padding: 0 0 0 0; margin-bottom: 0.3rem;
            }
            .content{font-size: 0.24rem; width: 100%; line-height: 1.6;}
          }
        }
      }
    }
  }
  
  .one-feature-wrapper {
    .btns{
      display: flex;position: relative;z-index: 999;
      .arrow2{
        position: static;z-index: 10; bottom: auto; left: auto; right: auto; top: auto; margin-top: 0;
        &.swiper-button-prev{transform: scale(0.7); margin-right: 0rem;}
        &.swiper-button-next{transform: scale(0.7);}
      }
    }
    
    .box{
      display: block;
      .item{
        width: 100%; margin-bottom:0.0rem;
        .title{
          width: 70%; height: 0.8rem; display: flex; align-items: center; justify-content: center;font-size: 0.28rem;
        }
        .info{
          width: 90%; margin: 0 auto 0.3rem;  height: auto; padding-bottom: 0.4rem;
          .img{height: 3.2rem;}
          .content{
            width: 100%; padding: 0 0.3rem; font-size: 0.24rem; line-height: 0.4rem; height: 1.2rem;
          }
          .btn{width: 80%; height: 0.8rem; display: flex; align-items: center; justify-content: center; font-size: 0.24rem;}
          .title{width: 90%; height: 1rem; display: flex; align-items: center; justify-content: center;font-size: 0.28rem;}
        }
      }
    }
  }
  
  .one-target-wrapper {
    .w1170{width: 100%;}
    .box {
      .list {
        display: block;
        .item {
          padding-left: 0;margin-bottom: 0.3rem;
          &::after{display: none;}
          .title{font-size: 0.3rem; margin-bottom: 0.2rem;}
          .sub{
            margin-bottom: 0;
            .content{font-size: 0.24rem; line-height: 1.6; height: auto !important; min-height: 0px;}
            .dot{
              width: 0.08rem; height: 0.08rem; margin-top: 0.1rem; margin-right: 0.1rem;
            }
          }
          
        }
      }
    }
  }
  
  .two-adv-wrapper {
    padding-bottom: 0.6rem;
    background-image: none;
    background-color: #282a39;
    .box {
      display: block;
      .left {
        display: flex;align-items: center; justify-content: space-between;width: 100%;margin-bottom: 0.3rem;
        .title{height: auto; width: 3.4rem; min-width: 3.4rem; margin-right: 0.2rem; margin-bottom: 0;}
        .div{width: 46%;}
        .btn{
          padding-left: 0;height: 0.7rem;line-height: 1;padding: 0 0.6rem 0 0 !important;text-align: center;margin-bottom: 0.4rem;margin-top: 0;cursor: pointer;display: inline-block;vertical-align: middle;font-size: 0.28rem; width: 100%;
          display: flex;align-items: center; justify-content:center;
          &.btn-2{ margin-bottom: 0 !important;}
        }
      }
      .right{
        width: 100%;
        .item{
          width: 100%; padding: 0.3rem;
          .title{
            font-size: 0.3rem; margin-bottom: 0.3rem; line-height: 1.6;
          }
          .content{
            font-size: 0.24rem; line-height: 1.6;
          }
        }
      }
    }
  }
  .left-fixed,.right-fixed,.ct-fixed{display: none;}
  .two-receive-wrapper {
    padding-bottom: 0.6rem;
    .box{
      display: flex; align-items: center; justify-content: space-between;
      .list,.form{width: 49%;}
      .form{
         padding: .2rem;display: block; 
        .label{width: 100%; height: auto;}
        .btn{height: 0.5rem; font-size: 0.2rem;border-radius: 0.8rem;
          img{height: 0.3rem;}
        }
        .icon{
          height: 0.4rem; width: 0.4rem; padding: 0; margin: 0 0.1rem;
          img{height: 100%; width: 100%;}
        }
        .form-wrap{
          display: block; border: none; width: 100%; height: auto; border-radius: 0; padding-left: 0; margin-top: 0.2rem;
        }
        
        .dd{
          border: 1px solid #3A47B8; border-radius: 0.8rem; overflow: hidden;margin-bottom: 0.2rem;
          .el-input{flex: 1; width: 100%; 
            .el-input__inner{
              height: 30px; line-height: 30px; padding: 0 4px;
            }
          }
        }
      }
      .list{
        display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-bottom: 0;
        .item{
          width: 48%;
          .photo{height: auto; margin-bottom: 0.1rem;}
          .name{font-size: 0.2rem; }
          .title{font-size: 0.2rem; margin-top: 2px;}
        }
      }
    }
  }

  .two-degree-wrapper{
    padding-bottom: 0.6rem;
    .box{
      padding: 0.3rem; font-size: 0.24rem; line-height: 1.6; height: auto; border-radius: .1rem; width: 92%; text-align: left;
      margin-bottom: 0.6rem;
      &::after{border-left-width: 6px; border-right-width: 6px; border-top-width: 6px;}
    }
    .wrap {
      padding: 0 3%;
      .line{display: none !important; }
      .list{
        justify-content: space-between; margin: 0; width: 100%;
        .item{
          border: none !important;box-shadow: 1px 2px 17px 1px rgba(53,53,53,0.14);border-radius: 50%; width: 1.6rem; height: 1.6rem;
          .sub{
            .rank{font-size: 0.8rem; font-weight: normal; opacity: 0.2;}
            .name{font-size: 0.3rem; padding: 0.1rem 0; margin-bottom: 0.1rem;}
            .title{font-size: 0.2rem; line-height: 1.4;}
          }
        }
      }
    }
  }
  .detail-safe-wrapper {
    padding-bottom: 0.4rem;
    .list{
      display: block; padding-left: 0;
      .item{
        width: 100%; height: auto; margin-bottom: 0.2rem; padding-bottom: 0.3rem;
        .title{padding: 0.2rem;}
        .info{
          display: flex; align-items: center; justify-content: space-between; padding:0 0.2rem;
          .photo{margin: 0 !important; width: 1.3rem; min-width: 1.3rem;}
          .content{width: 100%; }
          .left{
            display: block !important;
          }
        }
        .head{background: url(../../static/image/detail/bg.png) center no-repeat; 
        .rank{color: #fff; font-size: 0.26rem;}
          .dot{
            background: #02C176;border-color: #FFFFFF;
          }
        }
      }
    }
  }
  
  .twomaster-adv-wrapper {
    padding-bottom: 0.4rem;
    .head, .bot-btn {
      display: none;
    }
    .list {
      flex-wrap: wrap;
      .item {
        width: 32%;
        margin-bottom: 12px;
        .info {
          width: 100%;
          height: 266px;
          .content {
            font-size: 12px;
            line-height: 20px;
            height: 200px;
          }
          .title {
            font-size: 16px;
            box-sizing: content-box;
            padding-top: 8px;
          }
        }
        .line {
          display: none;
        }
      }
    }
  }
  
  .twomaster-plan-wrapper{ 
    padding-bottom: 0.6rem;
    .box .item {
      background-size: 100% 100%;
      height: 46px;
      position: relative;
      margin-bottom: 30px;
      .title {
        width: 34%;
        font-size: 16px;
        margin-right: 0;
      }
      .tag {
        width: 130px;
        bottom: -28px;
        right: 0;
        font-size: 12px;
        line-height: 28px;
        height: 28px;
        margin-right: 0;
        position: absolute;
      }
      .btn {
        bottom: -28px;
        right: 140px;
        width: 50px;
        font-size: 12px;
        line-height: 28px;
        height: 28px;
        margin-right: 0;
        position: absolute;
      }
      .content {
        font-size: 10px;
        text-align: center;
      }
    }
  }
  
  .high-picture-wrapper {
    padding-bottom: 0;
    .box {
      position: relative;
      padding-bottom: 68px;
      margin-top: 20px;
      .left, .right {
        width: 48%;
        .item {
          width: 100%;
          height: 54px;
          .info {
            top: 0;
            left: 0;
            .t1 {
              font-size: 14px;
            }
            .t2 {
              font-size: 12px;
            }
          }
        }
      }
      .right {
        float: right;
        .item {
          .info {
            right: 0;
            left: auto;
          }
        }
      }
      .center {
        position: absolute;
        width: 48%;
        margin-left: 0;
        margin-right: 0;
        bottom: 0;
        left: 8%;
        .item {
          width: 100%;
          height: 54px;
          .info {
            top: 0;
            left: 0;
            .t1 {
              font-size: 14px;
            }
            .t2 {
              font-size: 12px;
            }
          }
        }
      }
    }
  }
  .bottom-form-container {
    display: none;
  }
  
}
.ny-header1 .menu-list{
  font-weight:bold;
  // .li{margin: 0 50px !important;}
  // .li.active{color: red !important;}
}
@keyframes scaleAni {
  from {
    transform: scale(1) translateX(-50%);
  }

  50% {
    transform: scale(1.2) translateX(-50%);
  }

  to {
    transform: scale(1) translateX(-50%);
  }
  
  
  
}
@keyframes scaleAni2 {
  from {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  to {
    transform: scale(1);
  }
}